@chaset "utf-8";
/* SETTING */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a , font, img, ol, ul, li {margin:0;padding:0;border:0;outline:0;vertical-align: baseline;background: transparent;}
*{margin:0;padding:0;}
input {margin: 0;padding: 0;}
body {font-size:13px;line-height:1.5;font-family: tahoma, arial, "Times New Roman", helvetica,sans-serif;color: #1a1a1a; }
ol, ul {list-style: none;}
a {color:#005b7f; text-decoration: none;}
a:hover {color:#ff6c00;text-decoration: none;}
a:visited {color:#1ea3d8;text-decoration: none;}
.clear {clear:both;}
a img {border: none;}
.fw{width:100%;}
.fr{float:right;}
.fl{float:left;}
.rlt{position:relative;}
.bold{font-weight:bold;}
.blue{color:blue;}
.red{color:red;}
.yellow {color:#ffd500;}
.strong {font-weight: bold;}
.uppercase {text-transform: uppercase}
/* END SETTING */
body {
    background: #fff url(../img/bg_header.jpg) no-repeat center top;
}
.top_nav {
    width: 100%;
    height: 30px;
    background: url(../img/bg_top_nav.jpg) repeat-x 0 0;
}
.wrap_top_nav {
    width: 980px;
    height: 30px;
    line-height: 30px;
    margin:0px auto;
}
.hot_info {
    width: 915px;
    height: 30px;
    line-height: 30px;
    float: left;
}
.hot_info a {
    display: block;
    color: #fff;
    font-weight: bold;
}
.top_nav_phone {
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    float: left;
    background: url(../img/icon_phone.png) no-repeat 5px center;
}
.top_nav_fax {
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    float: left;
    background: url(../img/icon_fax.png) no-repeat 5px center;
}
.top_nav_mail {
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    float: left;
    background: url(../img/icon_mail.png) no-repeat 5px center;
}
.lang {
    width: 65px;
    height: 30px;
    line-height: 30px;
    float: left;
}
.lang_flag {
    width: 20px;
    height: 14px;
    margin-right: 10px;
    margin-top: 8px;
    float: left;
    display: block;
}
.lang_flag_vie {
    background: url(../img/vie.jpg) no-repeat 0 0;
}
.lang_flag_en {
    background: url(../img/en.jpg) no-repeat 0 0;
}
.header {
    width: 100%;
    height: 140px;
    background: url(../img/bg_header.jpg) repeat-x 0 0;
}
.wrap_header {
    width: 980px;
    height: 140px;
    margin: 0px auto;
}
.logo {
    width: 200px;
    height: 140px;
    float: left;
}
.log img {
    width:200px;
}
.banner {
    width: 780px;
    height: 140px;
    float: left;
    background: url(../img/bg_banner.png) no-repeat right 80px;
}
.banner h1 {
    text-indent: -9999em;
}
.nav {
    width: 980px;
    height: 50px;
    margin: 0px auto;
    background: #febf01;
    border-bottom: 2px solid #8b2c00;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    box-shadow: 0px 1px 3px #555;
}
.nav > ul {
    width: 725px;
    height: 40px;
    float: left;
}
.nav > ul > li {
    height: 50px;
    line-height: 50px;
    float: left;
    background: url(../img/if_nav.png) no-repeat center right;
}
.nav > ul > li:last-child {
    background: none;
}
.nav > ul > li > a.nav_lv1 {
    height: 50px;
    line-height: 50px;
    padding:  0px 15px;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    
}
.nav > ul > li.nav_active a {
    background: #fff000;
    color: #333;
}
.search {
    width: 255px;
    height: 44px;
    float: left;
}
#form_search {
    height: 31px;
    margin-top: 8px;
    position: relative;
    width: 240px;
    background: url(../img/bg_search.png) no-repeat 0 0;
}
#form_search .input_text {
    border: none;
    height: 31px;
    padding: 0;
    width: 228px;
    background: transparent;
    padding-left: 3px;
}
#form_search .btn_search {
    border:none;
    background: transparent;
    height: 31px;
    position: absolute;
    right: 2px;
    top: 0px;
    width: 40px;
}

.primary {
    width: 980px;
    height: auto;
    padding-bottom: 15px;
    margin: 15px auto;
    overflow: hidden;
}
.slide {
    width: 980px;
    height: 300px;
    box-shadow: 0px 0px 5px #333;
}
.main_content {
    width:  980px;
    height: auto;
    padding-bottom: 15px;
    margin-top: 15px;
}
.sidebar {
    width: 250px;
    height: auto;
    float: left;
}
.content {
    width: 710px;
    height: auto;
    float: left;
    margin-left: 20px;
}
.sidebox {
    width: 250px;
    height: auto;
    margin-bottom: 15px;
}
.sidebox_tab {
    width: 250px;
    height: 32px;
    background: url(../img/bg_tab.jpg) repeat-x 0 0;
    border-radius: 4px 4px 0px 0px; 
    -webkit-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
}
.sidebox_tab h2{
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.sidebox_main {
    width: 248px;
    height: auto;
    border: 1px solid #bebebe;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    background: #f7f7f7;
}
.new_news {
    padding: 5px;
}
.new_news li {
    background: url(../img/icon_list.png) no-repeat left 5px;  
}
.new_news li a{
    padding-left: 10px;
    color: #222;
    line-height: 1.2em;
    margin-bottom: 5px;  
    display: block;
}
.contentbox {
    width: 710px;
    height: auto;
    margin-bottom: 15px;
}
.contentbox_tab {
    width: 710px;
    height: 32px;
    background: url(../img/bg_tab.jpg) repeat-x 0 0;
    border-radius: 4px 4px 0px 0px; 
    -webkit-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
}
.contentbox_tab h2{
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.contentbox_main {
    width: 708px;
    height: auto;
    border: 1px solid #bebebe;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    background: #f7f7f7;
    overflow: hidden;
}
.product {
    width: 200px;
    height: 200px;
    margin-top: 15px;
    float: left;
}
.product {
    margin-left: 30px;
}
.product:nth-child(3n+1) {
    margin-left: 20px;
}
.product_img {
    width: 200px;
    height: 160px;
    overflow: hidden;
    border: 1px solid #bebebe;
    box-shadow: 0px 0px 5px #555;
}
.product_img img {
    width: 200px;
    min-height: 160px;
}
.product h3 {
    font-size: 13px;
    line-height: 1.2em;
    text-align: center;
    padding-top: 10px;
}
.footer {
    width: 100%;
    height: 237px;
    background: url(../img/bg_footer.jpg) repeat-x 0 0;
}
.wrap_footer {
    width: 980px;
    height: 100%;
    margin: 0px auto;
    overflow: hidden;
}
.footerbox {
    width: 166px;
    padding-left: 30px;
    float: left;
}
.footerbox h2 {
    font-size: 15px;
    color: #fff;
    line-height: 1.5em;
    padding-top: 30px;
}
.footerbox ul {
    padding-top: 10px;
}
.footerbox ul li a {
    color: #ddd;
}
.footerbox p {
    font-size: 13px;
    color: #ddd;
    line-height: 1.5em;
}
.footerbox p {
    font-size: 13px;
    color: #ddd;
    line-height: 1.5em;
}
.footerbox p span {
    color: #ffcc00;
}
/* ----------------------------------- Liên hệ - Contact ------------------------------------------*/
.contact {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.contact_detail {
    width: 100%;
    overflow: hidden;
}
.contact_info {
    width: 320px;
    height: auto;
    float: left;
}
.contact_map {
    width: 355px;
    height: 200px;
    height: auto;
    float: left;
    margin-left: 10px;
    border: 2px solid #bebebe;
    border-radius: 4px;
    overflow:  hidden;
}
.contact_info > h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #555;
}
.contact_info > div {
    width: 100%;
    margin: 10px 0px;
    overflow: hidden;
}
.contact_info > div > h3 {
    line-height: 16px;
    font-size: 14px;
    color: #008cc4;
    font-weight: bold;
    width: 90px;
    float: left;
}
.contact_info > div > p {
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    width: 210px;
    float: left;
}
.contact_form {
    width: 100%;
    overflow: hidden;   
    margin-top: 10px; 
}
.contact_form > h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #555;
}
.contact_form form input.inputtxt {
    width: 500px;
}
input.inputcaptcha {
    width: 80px;
}
textarea.inputtxtArea {
    width: 500px;
    height: 200px;
}
/* ---------------------------------------- Danh sách tin - news_cat --------------------------------------------*/
.news_cat {
    margin-top: 10px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.news_cat > h1 {
    font-size: 20px;
    color: #555;
    line-height: 1.3em;
}
.news_cat_main {
    margin-top: 5px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.news_cat_item {
    margin-bottom: 10px;
    width: 220px;
    height: 250px;
    float: left;
    overflow: hidden;
}
.news_cat_item:nth-child(3n+2), .news_cat_item:nth-child(3n+3) {
    margin-left: 15px;
}
.news_cat_item > a > img {
    width: 212px;
    height: 98px;
    border: 2px solid #aaa;
    margin: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.news_cat_item > h2 > a {
    font-size: 13px;
    color: #333;
    line-height: 1.3em;
    padding: 5px 2px;
}
.news_cat_item > p {
    font-size: 12px;
    color: #555;
    line-height: 1.2em;
    padding:0px 2px 5px 2px;
}
/*----------------------------------- Phân trang - pagging ---------------------------------------------*/
.paging {
	width:320px; 
    height:24px;
}
.paging  a {
	width:22px; height:22px; line-height:22px;
	text-align:center; color:#222;
	display:block;
	float:left;
	margin-left:2px;
	border:1px solid #bebebe;
}
.pagingCount {
	width:78px !important;
}
.pagingDot {
	border:none !important;
}
.pagingFirst {
	background: url(../img/pagingFirst.png) no-repeat center;
}
.pagingPrevious {
	background: url(../img/pagingPre.png) no-repeat center;
}
.pagingNext {
	background: url(../img/pagingNext.png) no-repeat center;
}
.pagingLast {
	background: url(../img/pagingLast.png) no-repeat center;
}

/*------------------------------------- Chi tiết tin - news_detail --------------------------------------------*/
.news_detail {
    padding: 10px;
}
.news_detail_bcr {
    color: #fff;
    text-transform: none;
    text-align: left !important;
    padding-left: 5px;
}
.news_detail_bcr > a {
    color: #fff;
    text-transform: none;
}
.news_detail_title {
    font-size: 14px;
    line-height: 1.3em;
    padding: 5px 0px;
    color: #017AC3;
}
.news_detail_time {
    font-size: 11px;
    line-height: 1.2em;
    color: #555;
}
.news_detail_des {
    font-size: 12px;
    line-height: 1.3em;
    padding: 5px 0px;
}
.other_content {
    width: 700px !important;
    padding-left: 10px !important;
    background: #f7f7f7;
    padding-bottom: 15px;
}
.form{
    height: 150px;
    width: 300px;
    border:  solid 2px #ff1080;
    margin: 0 auto;
}